<template>
	<div id="app-home" class="overfl _page">
		<header class="header overfl">
			<form class="search-box">
				<div class="logobox fl text-center">
					<span class="iconfont icon-xiaomi"></span>
				</div>
				<div class="inputbox fl" @click="$router.push('/search')">
					<input type="text">
				</div>
				<div class="myselflogin fr text-center" @click="$router.push('/mine')">
					<span class="iconfont icon-smile"></span>
				</div>
			</form>
			<nav>
				<ul class="nav_ul">	
					<li>
						<router-link :to="{name:'recommendLink'}">推荐</router-link>
					</li>
					<li>
						<router-link :to="{name:'phoneLink'}">手机</router-link>
					</li>
					<li>
						<router-link :to="{name:'intelligentLink'}">智能</router-link>
					</li>
					<li>
						<router-link :to="{name:'tvLink'}">电视</router-link>
					</li>
					<li>
						<router-link :to="{name:'computerLink'}">电脑</router-link>
					</li>
					<li>
						<router-link :to="{name:'screenLink'}">全面屏</router-link>
					</li>
					<li>
						<router-link :to="{name:'lifeLink'}">生活周边</router-link>
					</li>
					<li>
						<router-link :to="{name:'boxLink'}">盒子</router-link>
					</li>
					<li>
						<router-link :to="{name:'artLink'}">艺术</router-link>
					</li>
				</ul>
			</nav>
		</header>
		<div class="cl"></div>
		<div class="homemain">
			<router-view></router-view>
		</div>
		<div class="cl"></div>
		<app-footer></app-footer>
	</div>
</template>

<script>

	import Footer from '../footer/Footer'

	export default {
		name:"app-home",
		data(){
			return{
				current_index : "tuijian"
			}
		},
		components:{
			"app-footer" : Footer
		}
	}
</script>

<style scoped>
	.homenav ul li{
		display: inline-block;
	}
	.header{
		position: relative;
		z-index: 9;
		border-bottom:1px;
	}
	.homemain{
		overflow-y: auto;
		position: absolute;
		top: 90px;
		left: 0;
		bottom: 55px;
	}
</style>